<template>
  <div>
    <h2>Parent</h2>
    <!-- 在使用的时候，使用中横线，或是驼峰命名，template都支持 -->
    <!-- <Brother1 /> -->
    <brother-1 />
    <hr />
    <brother-2 />
  </div>
</template>

<script>
// 导入子组件
import Brother1 from './Brother1.vue'
import Brother2 from './Brother2.vue'
export default {
  // 局部注册子组件
  components: {
    Brother1,
    Brother2
  }
}
</script>
